Links to cross-origin destinations are unsafe
Lighthouse WebのBestPractice Lighthouseの警告
外部リンクにrel="noopener"orrel="noreferrer"付与
現状のブラウザ対応上、片方だけ対応されていない場合がある。
noopener rel: IE11で対応されていない
noreferrer rel: Firefoxで、リンクが別タブで開かなくなる不具合バグあり
自動updateされるので、noreferrer relだけでいいのでは
? 違い？
noopener rel
現在のウィンドウを開いたウィンドウへの参照を返すwindow.openerアクセスできないようにし、別プロセスで実行
HTML Standard link-type-noreferrer
"noopener" | Can I use... Support tables for HTML5, CSS3, etc
IE11が対応されていないため、fallbackでrel="noopener noreferrer"のように使う
noreferrer rel
noopener relに加えて、
更にReferer Headersをリンク先に送信するのを防ぐ
HTML Standard link-type-opener
noopener と noreferrer の整理、結局どっちを使えば良いのか
わかりやすい
ESLintのルールあり
eslint-plugin-react/jsx-no-target-blank.md at master · yannickcr/eslint-plugin-react
自動で、noreferrer rel追加される